<template>
	<view class="enterprisecontrol">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="title-wrap">
			<view class="title">关于移动机械作业加工工序停产通知</view>
			<view class="address">
				<image src="../../static/home.png" mode=""></image>
				<view class="right">
					<view class="name">郑州市生态环境保护局</view>
					<view class="time">
						<view class="issue">发布</view>
						<text>2024-03-05 16:01</text>
					</view>
				</view>
			</view>
			<view class="control-time">管控时间：2024-03-05-2024-04-05</view>
		</view>
		<view class="line"></view>
		<view class="content-wrap">
			<view class="title-name">
				<view class="line"></view>
				<text>减排措施</text>
			</view>
			<view class="msg">停止使用国四及以下重型载货车辆(含燃气)进行运输，停止国五及以下重型燃气货车进行运输，停止使用国三以下非道路移1条模压工艺 </view>
		</view>
	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import http from '../../request/index.js'
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import {
		ref
	} from 'vue'
	let name = ref("企业管控")
	onLoad((e) => {
		let num = e.type
		let id = e.id
		if (num == 1) {
			name.value = "管控信息"
		} else if (num == 2) {
			name.value = "企业管控"
		}
		http({
			url: '/notice/detail',
			data: {
				id
			}
		}).then((res) => {
			console.log(res, 'res1');
		})
	})
</script>

<style lang="scss" scoped>
	.enterprisecontrol {
		width: 100vw;
		height: 100vh;
		padding-top: 160rpx;


		.title-bgc {
			background: #0874FA;
			height: 160rpx;
			width: 100vw;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
		}

		.line {
			background-color: #F3F5F7;
			height: 10rpx;
		}

		.content-wrap {
			padding-top: 38rpx;
			padding-left: 30rpx;

			.title-name {
				display: flex;
				align-items: center;

				.line {
					width: 8rpx;
					height: 29rpx;
					background: #0874FA;
					border-radius: 4rpx;
					margin-right: 15rpx;
				}

				text {

					font-weight: bold;
					font-size: 29rpx;
					color: #000000;

				}
			}

			.msg {

				font-weight: 400;
				font-size: 29rpx;
				color: #333333;
				margin-top: 37rpx;
				padding-right: 26rpx;
				line-height: 52rpx;

			}
		}

		.title-wrap {
			width: 750rpx;
			height: 280rpx;
			background-color: #fff;

			.title {
				margin-top: 48rpx;
				margin-bottom: 40rpx;
				font-weight: bold;
				font-size: 35rpx;
				color: #070707;
				padding-left: 29rpx;

			}

			.address {
				padding-left: 30rpx;
				display: flex;
				align-items: center;

				image {
					width: 55rpx;
					height: 55rpx;
					margin-right: 9rpx;
				}

				.right {
					display: flex;
					flex-direction: column;

					.name {

						font-weight: 500;
						font-size: 24rpx;
						color: #070707;

					}

					.time {
						display: flex;
						text-align: center;
						padding-left: 0;
						align-items: center;

						.issue {
							width: 48rpx;
							height: 23rpx;
							background: #EEF2FF;
							border-radius: 6rpx;
							line-height: 23rpx;
							text-align: center;
							font-weight: 500;
							font-size: 14rpx;
							color: #0874FA;

						}

						text {

							font-weight: 400;
							font-size: 22rpx;
							color: #999999;

						}
					}
				}
			}

			.control-time {
				padding-left: 28rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				margin-top: 45rpx;


			}
		}



	}
</style>